<template>
  <div class="Service">
    <Header :zIndex="5" ref="Header"></Header>
    <div class="detail-banner-warp">
        <div class="detail-banner">
            <h1>服务套餐</h1>
            <div class="use-btn">
                <a href="/Create">立即使用</a>
            </div>
        </div>
    </div>
    <div id="package_data" class="setmeal-main">
        <div class="warp"><ServiceTable></ServiceTable> </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Footer from '../components/Footer.vue'
import Header from '../components/Header.vue'
import ServiceTable from '../components/ServiceTable'
export default {
  name: 'Service',
  components: {
    Header,
    Footer,
    ServiceTable
  },
  data () {
    return {
    }
  },
  created(){
    this.setTitle('服务套餐');
  }
}
</script>
<style src="@/assets/css/service.css"  scoped></style>
